{% extends "profilebase.html" %}

{% block content %}

<h1>{{ user.first_name }} {{ user.last_name}}</h1>

<form id="form_register" class="appnitro" method="post" action="/editInfo/">{% csrf_token %}
	{{ form1.non_field_errors }} 
	{{ form2.non_field_errors }} 
	{% for field in form1 %}
		<div class="fieldWrapper">
			{%  if field.label != "Password" %}
				{{ field.label_tag }}<br/>
				{% if field.errors %}
					<label class="text" style="color: #FF0000">{{ field.errors }}</label>
				{% endif %} 
				{{ field }}<br/><br/>
			{% endif %}
		</div>
	{% endfor %} 
	{% for field in form2 %}
		<div class="fieldWrapper">
			{% if field.label == "Open on" %} 
				<label>Open On (days)</label>
			{% else %} 
				{% if field.label == "Instrument played" %} 
					<label>Instrument/s Played</label> 
				{% else %} 
					{% if field.label == "Jamming style" %} 
						<label>Jamming Style</label> 
					{% else %} 
						{% if field.label == "Favourite genre" %} 
							<label>Favourite Genre/s</label> 
						{% else %} 
							{% if field.label == "Date of birth" %} 
								<label>{{ field.label }}<font size="1"> (YYYY-MM-DD)</font></label> 
							{% else %} 
								{{ field.label_tag }} 
							{% endif %} 
						{% endif %} 
					{% endif %} 
				{% endif %} 
			{% endif %}
			<br/>
			<label class="text" style="color: #FF0000;">{{ field.errors }}</label>
			{{ field }}<br /><br/>
		</div>
	{% endfor %}

	<input type="image" src="{{ STATIC_URL }}images/save_btn.jpg" alt='Submit Form' style="float:right;"><br/><br/> <br/><br/>
</form>


<style>
textarea{
	height:100px;
	width:300px;
}
input[type=text]{
	width:300px;
}

</style>

{% endblock %}

